@extends('style.app')
@section('ant-content')
    <div class="callout large">
        <div class="text-center">
            <h1 class="font-lead">Um tour em boas práticas</h1>
            <p class="lead">Um passo a passo de como se manter anonimo e seguro na rede, de forma a exercer suas
                liberdades.</p>
            <a href="{{route('tutorial.select','1')}}" role="button" class="button success">Acessar</a>
        </div>
    </div>
@endsection
@section('content')
    <div class="grid-x">
        <div class="medium-6 cell medium-order-2 small-12 small-order-1">
            <img class="thumbnail" src="img/lang-flag.png">
        </div>
        <div class="medium-6 cell medium-order-1 small-12 small-order-2">
            <h2>A casa de todos os falantes</h2>
            <p>É com imenso prazer que anunciamos nossa plataforma de desenvolvimento e democracia. Onde apresentaremos
                os mais diversos assuntos sem censura e sem limite de recursos.</p>
        </div>
    </div>
    <div class="grid-x">
        <div class="medium-4 cell">
            <h3>Nosso lema</h3>
            <p>Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec
                diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper, magna.</p>
        </div>
        <div class="medium-4 cell">
            <h3>Nosso objetivo</h3>
            <p>Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec
                diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper, magna.</p>
        </div>
        <div class="medium-4 cell">
            <h3>Nossas conquistas</h3>
            <p>Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec
                diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper, magna.</p>
        </div>
    </div>
    <hr>
    <div>
        <ul class="vertical medium-horizontal menu expanded text-center">
            <li>
                <a href="{{route('catalogo.list')}}">
                    <div class="stat">{{$catalogos}}</div>
                    <span>Websites</span> </a>
            </li>
            <li>
                <a href="{{route('associado')}}">
                    <div class="stat">{{$associados}}</div>
                    <span>Associados</span> </a>
            </li>
            <li>
                <a href="{{route('tutorial')}}">
                    <div class="stat">{{$tutoriais}}</div>
                    <span>Tutoriais</span> </a>
            </li>
            <li>
                <a href="{{route('download')}}">
                    <div class="stat">{{$downloads}}</div>
                    <span>Downloads</span> </a>
            </li>
            <li>
                <a href="{{route('projeto')}}">
                    <div class="stat">{{$projetos}}</div>
                    <span>Projetos</span> </a>
            </li>
        </ul>
    </div>
    <hr>
    <div>
        <h3>Nossos assuntos recentes</h3>
    </div>
    <div class="grid-x large-up-4 medium-up-2 grid-padding-x">
        <div class="cell">
            <img class="thumbnail" src="img/550x550.png">
        </div>
        <div class="cell">
            <img class="thumbnail" src="img/550x550.png">
        </div>
        <div class="cell">
            <img class="thumbnail" src="img/550x550.png">
        </div>
        <div class="cell">
            <img class="thumbnail" src="img/550x550.png">
        </div>
        <div class="cell">&nbsp;</div>
        <div class="cell">&nbsp;</div>
        <div class="cell">&nbsp;</div>
        <div class="cell">&nbsp;</div>
        <div class="cell">&nbsp;</div>
        <div class="cell">&nbsp;</div>
        <div class="cell">&nbsp;</div>
        <div class="cell">&nbsp;</div>
    </div>
@endsection